<template>
    <div class="search-songs">
       <album-content-three :shopsList="albumDatas"></album-content-three>
    </div>
</template>
<script>
import {mapGetters} from "vuex";
import {mixin} from "../../mixins";
import AlbumContent from "../AlbumContent";
import {searchByname} from "../../api/food";
import AlbumContentThree from "../AlbumContentThree";

export default {
    name: 'search-songs',
  data(){
      return {
        albumDatas:[],
      }
  },
    components:{
      AlbumContentThree,
        AlbumContent
    },
    mixins: [mixin],
    computed:{
        ...mapGetters([
            // 'albumDatas'
        ])
    },
    mounted(){
      // console.log("1111")
      this.albumDatas = JSON.parse(window.sessionStorage.getItem('foods'));
      // console.log(this.albumDatas)
        // this.getSong();
    }
}
</script>

<style lang="scss" scoped>
@import '../../assets/css/search-songs.scss';
</style>
